<template>
  <div>
    <el-container style="height: 750px; border: 1px solid #eee">
      <el-aside width="300px" style="background-color: rgb(238, 241, 246)">
        <el-menu>
          <el-submenu index="1">
            <template slot="title"
              >会员中心</template
            >
            <el-menu-item-group>
              <el-menu-item index="1-1" @click="go('vipcenter','会员中心','会员中心')">会员中心</el-menu-item>
            </el-menu-item-group>
          </el-submenu>
          <el-submenu index="2">
            <template slot="title">征信查询</template>
            <el-menu-item-group>
              <el-menu-item index="2-1" @click="go('baogao','风险报告查询','征信查询')">风险报告查询</el-menu-item>
              <el-menu-item index="2-2" @click="go('dwd','多维度查询','征信查询')">多维度查询</el-menu-item>
              <el-menu-item index="2-3" @click="go('cxjl','查询记录','征信查询')">查询记录</el-menu-item>
            </el-menu-item-group>
          </el-submenu>
          <el-submenu index="3">
            <template slot="title"
              >客户管理</template
            >
            <el-menu-item-group>
              <el-menu-item index="3-1" @click="go('adduser','客户录入','客户管理')">客户录入</el-menu-item>
              <el-menu-item index="3-2" @click="go('wfduser','未放贷客户','客户管理')">未放贷客户</el-menu-item>
              <el-menu-item index="3-3" @click="go('jxzuser','进行中客户','客户管理')">进行中客户</el-menu-item>
              <el-menu-item index="3-4" @click="go('gwuser','过往客户','客户管理')">过往客户</el-menu-item>
              <el-menu-item index="3-5" @click="go('fblluser','发布老赖','客户管理')">发布老赖</el-menu-item>
              <el-menu-item index="3-6" @click="go('lluser','老赖','客户管理')">老赖</el-menu-item>
            </el-menu-item-group>
          </el-submenu>
          <el-submenu index="4">
            <template slot="title"
              >风险预警</template
            >
            <el-menu-item-group>
              <el-menu-item index="4-1" @click="go('fengxian','发布风险','风险预警')">发布风险</el-menu-item>
            </el-menu-item-group>
          </el-submenu>
          <el-submenu index="5">
            <template slot="title"
              >分享获客</template
            >
            <el-menu-item-group>
              <el-menu-item index="5-1" @click="go('huoke','我的获客','分享获客')">我的获客</el-menu-item>
              <el-menu-item index="5-2" @click="go('share','设置分享页面','分享获客')">设置分享页面</el-menu-item>
            </el-menu-item-group>
          </el-submenu>
          <el-submenu index="6">
            <template slot="title"
              >企业信息</template
            >
            <el-menu-item-group>
              <el-menu-item index="6-1" @click="go('addyewu','增加业务账号','企业信息')">增加业务账号</el-menu-item>
              <el-menu-item index="6-2" @click="go('qyrz','企业认证','企业信息')">企业认证</el-menu-item>
              <el-menu-item index="6-3" @click="go('xgmm','修改密码','企业信息')">修改密码</el-menu-item>
              <el-menu-item index="6-4" @click="go('yqm','邀请码','企业信息')">邀请码</el-menu-item>
            </el-menu-item-group>
          </el-submenu>
        </el-menu>
      </el-aside>

      <el-container>
        <el-header style="text-align: right; font-size: 12px;height:43px">
          <div class="logo"><h3>logo</h3></div>
          <div class="handle">
            <span>广州市某某某公司</span>
            &nbsp;&nbsp;
            <span>安全退出</span>

          </div>
        </el-header>

        <el-main style="background-color:#ecf7f8">
          <div class="t_table"><span>当前位置:</span>&nbsp;&nbsp;<span>{{ h }}</span>&nbsp;<span>></span>&nbsp;<span>{{ title }}</span></div>
            <router-view></router-view>
        </el-main>
      </el-container>
    </el-container>
  </div>
</template>

<script>

export default {
  data() {
    const item = {
    };
    return {
      h:"",
      title : ""
      
    };
  },
  methods:{
    go(name,s,n){
      this.h = n
      this.title = s;
      if(name !== this.$router.history.current.name){
        this.$router.push({name})
      }
    },
    biao(n){
      console.log(n)
    }
  }
};
</script>

<style lang="scss" scoped>
.el-header {
  background-color: #fff;
  height: 43px;
  color: #333;
  line-height: 20px;
}
.logo{
  float: left;

  >h3{
    font-size: 13px;
    font-weight: normal;
    color: red;
  }
}
.t_table{
  color: #000000;
  height: 15px;
  line-height: 15px;
  font-size: 13px;
}
.handle{
  height: 100%;
  line-height: 43px;
}
.el-aside {
  color: #333;
}
</style>